<template>
    <div class="page-main">
        <div class="page-cont">
            <ShowBanner></ShowBanner>
            <MobileBox></MobileBox>
            <MobileBox></MobileBox>
            <MobileBox></MobileBox>
            <MobileBox></MobileBox>
            <ShowBanner></ShowBanner>
            <MobileBox></MobileBox>
            <MobileBox></MobileBox>
            <MobileBox></MobileBox>
            <ShowBanner></ShowBanner>
            <MobileBox></MobileBox>
            <VideoBox></VideoBox>
        </div>
    </div>
</template>

<script>
import ShowBanner from './ShowBanner';
import MobileBox from './MobileBox';
import VideoBox from './VideoBox';

export default {
    name: 'PageMain',
    components: {ShowBanner, MobileBox, VideoBox}
}
</script>

<style lang="less" scoped>
.page-main {
    position: relative;
    width: 100%;
    padding: 4px 0 12px 0;
    box-sizing: border-box;
    background-color: #f5f5f5;

    .page-cont {
        width: 1226px;
        margin: auto;
        margin-top: 20px;
    }
}
</style>